.container {
  width: 7.5rem;
  margin: auto;
  left: 0;
  right: 0;
}
.content {
  width: 100%;
}
@font-face {
  font-family: 'DIN-BoldItalic';
  src: url('../font/DIN-BoldItalic.otf');
  font-style: normal;
}
.topImg {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.topImg img {
  width: 100%;
  height: 2.08rem;
}
.topImg .brandName {
  width: 5.5rem;
  font-size:0.42rem;
  font-weight:bold;
  color:rgba(255,255,255,0.51);
  position: absolute;
  top: 0.37rem;
  right: 0.4rem;
}
.companyInformation {
  margin: auto;
  position: relative;
  padding: 0.63rem 0.3rem 0.5rem 0.3rem;
  width:6.7rem;
  background:rgba(255,255,255,1);
  box-shadow:0rem 0rem 0.18rem rgba(174,174,174,0.4);
  border-radius:0.1rem;
}
.companyInformation .topTen {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.84rem;
  height: 0.92rem;
}
.companyInformation .group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.47rem;
  border-bottom: 0.02rem solid rgba(237,237,237,1);
}
.companyInformation .group .logoImage {
  width:2.04rem;
  height:1.18rem;
  border:0.04rem solid rgba(219,219,219,1);
  border-radius:0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;

  overflow: hidden;
}
.companyInformation .group .logoImage img {
  max-width: 100%;
  max-height: 100%;
}
.companyInformation .group .center {
  flex: 1;
  padding: 0 0.22rem ;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 0.9rem;
}
.companyInformation .group .center .voteTitle{
  width: 2.4rem;
  font-size:0.4rem;
  font-weight:bold;
  color:rgba(51,51,51,1);
}
.companyInformation .group .center .date{
  font-size:0.24rem;
  font-weight:400;
  color:rgba(153,153,153,1);
  display: flex;
  align-items: center;
}
.companyInformation .group .center .date img {
  width: 0.26rem;
  height: 0.26rem;
}
.companyInformation .group .ranking {
  width: 1.16rem;
  height: 0.78rem;
  font-size:0.3rem;
  font-family:DIN-BoldItalic;
  font-weight:400;
  color:rgba(211,20,28,1);
  background: url('../images/detailsOfBrand/ppsj_mspm_img.png');
  background-size: cover;
  display: flex;
  justify-content: center;
  padding-top: 0.12rem;
}

.companyInformation .descList {
  width: 100%;
  padding: 0.5rem 0 0 0 ;
}
.companyInformation .descList li {
  width: 100%;
  min-height: 0.33rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0.34rem;
}
.companyInformation .descList li:last-child {
  margin: 0;
}
.companyInformation .descList .left {
  margin-top: -0.01rem;
  width: 1.3rem;
  font-size:0.26rem;
  font-weight:400;
  color:rgba(102,102,102,1);
}
.companyInformation .descList .right{
  width: 4.66rem;
  font-size:0.24rem;
  font-weight:400;
  color:rgba(51,51,51,1);
  word-wrap:break-word
}


.collapse {
  margin-top: 0.3rem;
}

.title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-content: space-between;
  /* height:0.31rem; */
  height: 0.97rem;
  width: 100%;
  font-size:0.32rem;
  font-weight:bold;
  color:rgba(51,51,51,1);
  padding: 0.33rem 0rem 0.32rem 0rem;
  /* border-left: 0.08rem solid rgba(207,20,27,1); */
}
.title span {
  display: flex;
  align-items: center;
  padding-left: 0.28rem;
  height:0.31rem;
  position: relative;
}
.title span::before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width:0.08rem;
  height:0.32rem;
  background:rgba(211,20,28,1);
  box-shadow:0rem 0rem 0.06rem rgba(241,0,0,0.43);
  border-radius:0.04rem;
}
.title img {
  transition: all .6s;
  width: 0.44rem;
  height: 0.44rem;
}
.title .remarks {
  padding-left: 0.28rem;
  font-size:0.24rem;
  font-weight:400;
  color:rgba(189,189,189,1);
  position: relative;
}
.title .remarks::after {
  content: '*';
  position: absolute;
  font-weight:400;
  line-height:0.42rem;
  color:rgba(211,20,28,1);
}
.collapse .collapseRow {
  border-radius:0.1rem;
  background: white;
  margin: 0 0.4rem 0.26rem 0.4rem;
  padding: 0 0.32rem;
  box-shadow:0rem 0rem 0.18rem rgba(174,174,174,0.4);
  border-radius:0.49rem;
  transition: all .3s;
}
.collapse .innerContent {
  border-top: 1px solid #EEEEEE;
  font-size:0.3rem;
  font-weight:400;
  color:rgba(51,51,51,1);
  line-height:0.52rem;
  overflow: hidden;
  transition: all .6s;
  height: 0;
}
.collapse .innerContent ul {
  padding: 0.26rem 0;
}
.collapse .innerContent ul li{
  padding-bottom: 0.3rem;
  display: flex;
}
.collapse .innerContent ul li:nth-last-child(1) {
  padding-bottom: 0.1rem;
}
.collapse .innerContent ul li .companyName{
  min-width: 1.1rem
}
.collapse .innerContent p {
  /* padding: 0.32rem 0; */
  padding: 0.26rem 0;
}
/* .bottomInfo {
  padding: 0;
  padding-bottom: 0.59rem;
  width: 100%;
} */

